<template>
    <div>
        <div class="head">
            <div><i class="iconfont icon-msnui-left-arrow-round"></i></div>
            <p class="p">问题详情</p>
            <div><i class="iconfont icon-more"></i></div>
        </div>
        <div  class="content">
            <div class="content-head">
                <div class="intro"><img class="img" src="/static/img/yiyantang/1.png"><p class="p">匿名用户</p></div>
                <b class="b">￥ 12</b>
            </div>
            <h1 class="h1">本人 女 27岁 10岁左右由于一次刮痧之后眼部就有了像斑一样的东西
                麻烦看一下是什么 应该怎么治疗 治疗多长时间呢 以及治疗费用大概多少呢</h1>
            <img class="banner" src="/static/img/yiyantang/29.jpg">
            <p class="p"> <span class="tag">斑</span><img class="img" src="/static/img/yiyantang/15.png"></p>
            <div class="text">还剩47小时</div>
        </div>
        <div class="answer">
            <p class="p">已有<b style="color: #589bff">8</b>人抢答，被选为最佳答案者获得提问金额</p>
            <div class="solve">
                <div class="solvehead"><img style="width: 0.36rem" src="/static/img/yiyantang/30.jpg">
                    <div class="users">
                        <div style="display: flex; align-items: center"><b>刘素芝</b><strong>健康号</strong><i>主治医师</i></div>
                        <p>白塞病·喉咽反流·耳聋</p></div>
                </div>
                <h2>这是引起了皮肤损害，不能随意刮痧，原则是有痧刮，无痧不刮。可用细胞修复因子外用。半年以上可望恢复</h2>
                <div class="foot">
                    <span class="span">32分钟前</span>
                    <img style="width: 0.2rem;margin-right: 0.1rem" src="/static/img/yiyantang/16.png">
                    <p class="p">问TA</p><img src="/static/img/yiyantang/17.png" style="width: 0.18rem;vertical-align: middle;margin-left: 0.15rem" >
                </div>
            </div>
            <div class="solve">
                <div class="solvehead"><img style="width: 0.36rem" src="/static/img/yiyantang/30.jpg">
                    <div class="users">
                        <div style="display: flex; align-items: center"><b>刘素芝</b><strong>健康号</strong><i>主治医师</i></div>
                        <p>白塞病·喉咽反流·耳聋</p></div>
                </div>
                <h2>这是引起了皮肤损害，不能随意刮痧，原则是有痧刮，无痧不刮。可用细胞修复因子外用。半年以上可望恢复</h2>
                <div class="foot">
                    <span class="span">32分钟前</span>
                    <img style="width: 0.2rem;margin-right: 0.1rem" src="/static/img/yiyantang/16.png">
                    <p class="p">问TA</p><img src="/static/img/yiyantang/17.png" style="width: 0.18rem;vertical-align: middle;margin-left: 0.15rem" >
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {}
</script>
<style scoped>
    .head {
        border-bottom: 1px solid #eee;
        width: 95%;
        height: 0.4rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between; }
    .head .icon-msnui-left-arrow-round {
        font-size: 0.3rem; }
    .head .p {
        font-size: 0.18rem; }

    .content .content-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 12px 0; }
    .content .content-head .intro {
        display: flex;
        align-items: center; }
    .content .content-head .intro .img {
        width: 0.36rem;
        height: 0.36rem; }
    .content .content-head .intro .p {
        font-size: 0.14rem;
        margin-left: 0.1rem; }
    .content .content-head .b {
        font-size: 0.16rem;
        color: #ff695c; }
    .content .h1 {
        padding: 9px 12px 3px;
        color: #28354c;
        font-size: 0.16rem;
        line-height: 0.25rem; }
    .content .banner {
        padding: 9px 12px 3px;
        width: 2.4rem; }
    .content .p {
        height: 0.3rem;
        border-bottom: 1px solid #eee;
        width: 82%;
        margin-left: 0.1rem;
        position: relative; }
    .content .p .tag {
        padding: 2px 12px;
        width: 0.12rem;
        line-height: 0.12rem;
        border-radius: 6px;
        background: #f5f6f6;
        color: #83889a;
        margin-left: 0.12rem;
        font-size: 0.12rem; }
    .content .p .img {
        width: 0.42rem;
        position: absolute;
        right: -30px;
        top: 0.1rem; }
    .content .text {
        padding: 9px 12px 3px;
        color: #a6a8b6;
        font-size: 0.12rem; }

    .answer {
        background: #f5f6f6; }
    .answer .p {
        text-align: center;
        font-size: 0.12rem;
        color: #83889a;
        line-height: 0.4rem; }
    .answer .solve {
        margin-bottom: 0.1rem;
        background: white; }
    .answer .solve .solvehead {
        display: flex;
        align-items: center;
        padding: 9px 12px 3px; }
    .answer .solve .solvehead img {
        border-radius: 50%; }
    .answer .solve .solvehead .users b {
        color: #28354c;
        font-size: 0.14rem; }
    .answer .solve .solvehead .users strong {
        display: inline-block;
        font-size: 0.1rem;
        color: white;
        background: #02d081;
        width: 0.42rem;
        height: 0.2rem;
        text-align: center;
        line-height: 0.2rem;
        margin-left: 0.05rem;
        border-radius: 3px; }
    .answer .solve .solvehead .users i {
        display: inline-block;
        background: #589bff;
        text-align: center;
        line-height: 0.2rem;
        color: white;
        font-size: 0.1rem;
        margin-left: 0.1rem;
        border-radius: 3px; }
    .answer .solve .solvehead p {
        font-size: 12px;
        color: #a6a8b6; }
    .answer .solve h2 {
        margin: 14px 0 14px 46px;
        font-size: 0.16rem;
        color: #28354c;
        padding-bottom: 0.1rem;
        border-bottom: 1px solid #eee; }
    .answer .solve .foot {
        padding-left: 0.45rem;
        display: flex;
        align-items: center;
        height: 0.2rem; }
    .answer .solve .foot .span {
        font-size: 12px;
        color: #a6a8b6;
        width: 68%; }

    /*# sourceMappingURL=illertalk.css.map */

</style>
